<!DOCTYPE html>
<html>
	<head>
		<title>Black &amp; White</title>

		<!-- meta -->
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1">

	    <!-- css -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/ionicons.min.css">
		<link rel="stylesheet" href="css/pace.css">
	    <link rel="stylesheet" href="css/custom.css">

	    <!-- js -->
	    <script src="js/jquery-2.1.3.min.js"></script>
	    <script src="js/bootstrap.min.js"></script>
	    <script src="js/pace.min.js"></script>
	    <script src="js/modernizr.custom.js"></script>
	    <script src="js/feJson/single.js"></script>
	</head>

	<body id="single">
		<div class="container">	
			<header id="site-header">
				<div class="row">
					<div class="col-md-4 col-sm-5 col-xs-8">
						<div class="logo">
							<h1><a href="index.html"><b>Black</b> &amp; White</a></h1>
						</div>
					</div><!-- col-md-4 -->
					<div class="col-md-8 col-sm-7 col-xs-4">
						<nav class="main-nav" role="navigation">
							<div class="navbar-header">
  								<button type="button" id="trigger-overlay" class="navbar-toggle">
    								<span class="ion-navicon"></span>
  								</button>
							</div>

							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  								<ul class="nav navbar-nav navbar-right">
    								<li class="cl-effect-11"><a href="index.html" data-hover="主页">主页</a></li>
    								<li class="cl-effect-11"><a href="full-width.html" data-hover="博文">博文</a></li>
    								<li class="cl-effect-11"><a href="about.html" data-hover="关于我">关于我</a></li>
    								<li class="cl-effect-11"><a href="contact.html" data-hover="留言">留言</a></li>
  								</ul>
							</div><!-- /.navbar-collapse -->
						</nav>
						<div id="header-search-box">
							<a id="search-menu" href="#"><span id="search-icon" class="ion-ios-search-strong"></span></a>
							<div id="search-form" class="search-form">
								<form role="search" method="get" id="searchform" action="#">
									<input type="search" id="ipt-content" placeholder="搜索文章" required>
									<button type="button" onclick="doSubmitForm()" ><span class="ion-ios-search-strong"></span></button>
								</form>				
							</div>
						</div>
					</div><!-- col-md-8 -->
				</div>
			</header>
		</div>

		<div class="content-body">
			<div class="container">
				<div class="row">
					<main class="col-md-8">
						<article class="post post-1">
							<header class="entry-header">
								<h1 class="entry-title" id="title"></h1>
								<div class="entry-meta">
									<span class="post-category"><a href="#" id="kind"></a></span>
			
									<span class="post-date"><a href="#"><time class="entry-date" datetime="2012-11-09T23:15:57+00:00" id="pubdate"></time></a></span>
			
									<span class="post-author"><a href="#" id="author"></a></span>
			
									<span class="comments-link"><a href="#"id="comment_count">0 次评论</a></span>
								</div>
							</header>
							<div class="entry-content clearfix" id="form-content">
								</div>
							<br>
							<br>
							<br>
							<form role="form" method="post" id="msgform" action="addMsg.action" onsubmit="javacript void(0);"  >
							  <div class="form-group">
							    <h2>评论</h2>
							    <br>
							    <input type="hidden" id="blogTitile" name="titile" value="页面留言" required>
							    <input type="hidden" id="blogArticleId" name="blogArticleId" value="-1" required>
    							 <input type="text" class="form-control" id="username" name="visitorName" placeholder="亲，起一个昵称吧" required="required">
    							 <span id="usernameSpan" style="display: none;"></span>
							    <br>
							      <input type="text" class="form-control" id="email" name="email" placeholder="邮箱地址" required="required"/>
							      <span id="emailSpan"  class="pace-inactive" ></span>
							    <br>
							    <textarea class="form-control" rows="4" id="commentContent" name="msgContext" placeholder="评论内容" required="required"></textarea>
							    <span id="commentContentSpan"  class="pace-inactive" ></span>
							     <br>
							     <!--  <button  id="msg_btn" class="btn btn-default" >评论</button>-->
							     <input type="button" id="msg_btn" class="btn btn-default" value="评论">
							  </div>
							</form>	
						</article>
					</main>
					<aside class="col-md-4">
						<div class="widget widget-recent-posts">		
							<h3 class="widget-title">最近发布</h3>		
							<ul id="recentpost">
								
							</ul>
						</div>
						<div class="widget widget-archives">		
							<h3 class="widget-title">博文发布时间</h3>		
							<ul>
								
								<li>
									<a href="category.html?kind=2015">2015</a>
								</li>
								<li>
									<a href="category.html?kind=2016">2016</a>
								</li>
								<li>
									<a href="category.html?kind=2017">2017</a>
								</li>
							</ul>
						</div>

						<div class="widget widget-category">		
							<h3 class="widget-title">分类</h3>		
							<ul>
								<li>
									<a href="category.html?kind=WEB">Web</a>
								</li>
								<li>
									<a href="category.html?kind=JAVA">JAVA</a>
								</li>
								<li>
									<a href="category.html?kind=ANDROID">Android</a>
								</li>
							</ul>
						</div>
						<div class="widget widget-comment">		
							<h3 class="widget-title">最新评论</h3>		
							<ul id="comment_list">
								
							</ul>
						</div>
					</aside>
				</div>
			</div>
		</div>
		<footer id="site-footer">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p class="copyright">&copy; 2016 made by <a href="#">BlackJuly</a> </p>
					</div>
				</div>
			</div>
		</footer>

		<!-- Mobile Menu -->
		<div class="overlay overlay-hugeinc">
			<button type="button" class="overlay-close"><span class="ion-ios-close-empty"></span></button>
			<nav>
				<ul>
					<li><a href="index.html">主页</a></li>
					<li><a href="full-width.html">博文</a></li>
					<li><a href="about.html">关于我</a></li>
					<li><a href="contact.html">留言</a></li>
				</ul>
			</nav>
		</div>

		<script src="js/script.js"></script>
		<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1262286315'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1262286315%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
	</body>
</html>
